<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>后盾人</title>
</head>

<body>
    <a href="#houdunren">跳转锚点</a>
    <div style="background: red;height:3000px;"></div>
    <footer id="houdunren">footer</footer>
    <div style="background: green;height:3000px;"></div>
</body>

</html>